<!DOCTYPE html>
<html lang="en">
  <head>
    {% block head %}
      {% block meta %}
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="/static/images/logo.ico?v1026">

      {% endblock meta %}

      <title>{{ settings.name }} | {% block title %}{% endblock %}</title>

      {% block stylesheets %}
        <!-- Bootstrap -->
        <link href="/static/lib/bootstrap/css/bootstrap.css" rel="stylesheet">
        <!-- Font Awesome -->
        <link href="/static/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
        <!-- NProgress -->
        <link href="/static/vendors/nprogress/nprogress.css" rel="stylesheet">
        <!-- iCheck -->
        <link href="/static/vendors/iCheck/skins/flat/green.css" rel="stylesheet">

      {% endblock stylesheets %}
      <!-- Common -->
      <link href="/static/app/common/css/common.css?v1109" rel="stylesheet">
      <!-- New Common -->
      <link href="/static/app/common/css/new_style.css?v1109" rel="stylesheet">
      <style>
        /* 调试模式标签 start */
        .debug-badge-inline {
          display: inline-flex;
          align-items: center;
          gap: 5px;
          margin-top: 8px;
          padding: 2px 10px;
          background: rgba(251, 191, 36, 0.1);
          border-radius: 12px;
          font-size: 11px;
          font-weight: 400;
          color: #fbbf24;
          border: 1px solid rgba(251, 191, 36, 0.3);
          transition: all 0.2s ease;
          height: 20px;
        }
        
        .debug-badge-inline i {
          font-size: 10px;
          color: #fbbf24;
        }
        
        .debug-badge-inline:hover {
          border-color: rgba(251, 191, 36, 0.5);
          background: rgba(251, 191, 36, 0.15);
        }

        @media (max-width: 991px) {
          .debug-badge-inline {
            font-size: 10px;
            padding: 2px 8px;
            height: 18px;
          }
          
          .debug-badge-inline i {
            font-size: 9px;
          }
        }
        /* 调试模式标签 end */
      </style>
    {% endblock head %}
  </head>

  <body class="{% block body_class %}nav-md {% endblock body_class %}">
    {% block body %}
      <div class="container body">
        <div class="main_container">

          {% block sidebar %}
            <div class="col-md-3 left_col {% block sidebar_class %} {% endblock sidebar_class %}">
              {% include "app/sidebar.html" %}
            </div>
          {% endblock sidebar %}

          {% block top_navigation %}
            <div class="top_nav">
              {% include "app/top_navigation.html" %}
            </div>
          {% endblock top_navigation %}

          {% block content %}
            <!-- {{ content }} -->
          {% endblock content %}

          {% block footer %}
            <footer>
              {% include "app/footer.html" %}
            </footer>
          {% endblock footer %}
        </div>
      </div>

      {% block javascripts %}
        <!-- jQuery -->
        <script src="/static/lib/jquery/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
        <!-- NProgress -->
        <script src="/static/vendors/nprogress/nprogress.js"></script>
        <!-- iCheck -->
        <script src="/static/vendors/iCheck/icheck.min.js"></script>
        <!-- Switchery -->
        <script src="/static/vendors/switchery/dist/switchery.min.js"></script>
        <!-- Select2 -->
        <script src="/static/vendors/select2/dist/js/select2.full.min.js"></script>
        `<!-- Common -->
        <script src="/static/app/common/js/custom.js?1109"></script>
        <script src="/static/app/common/js/toast.js"></script>`
      {% endblock %}

    {% endblock body %}
  </body>
</html>
